<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	</head>
	<body>
		<div class="container mt-3">
			<div class="row">
				<div class="col-12 col-sm-4 col-md-3">
					<div class="card">
						<input type="image" src="Example-ch3/img/01.jpg" class="w-100 card-img-top" />
						<div class="card-body">
							<h5 class="card-title">风景</h5>
							<p class="card-text">affg grhhe  wghrhr  h re whrh r</p>
							<a href="#" class="btn btn-primary btn-sm">欣赏更多</a>
						</div>
					</div>
				</div>
				<div class="col-12 col-sm-4 col-md-3">
					<div class="card">
						<input type="image" src="Example-ch3/img/01.jpg" class="w-100 card-img-top" />
						<div class="card-body">
							<h5 class="card-title">风景</h5>
							<p class="card-text">affg grhhe  wghrhr  h re whrh r</p>
							<a href="#" class="card-link">立即查看</a>
							<a href="#" class="card-link">aa</a>
							
						</div>
					</div>
				</div>
			<div class="col-12 col-sm-4 col-md-3">
				<div class="card">
					<input type="image" src="Example-ch3/img/01.jpg" class="w-100 card-img-top" />
					<div class="card-body">
						<h5 class="card-title">风景</h5>
						<p class="card-text">affg grhhe  wghrhr  h re whrh r</p>
						<a href="#" class="btn btn-primary btn-sm">欣赏更多</a>
					</div>
				</div>
			</div>
			<div class="col-12 col-sm-4 col-md-3">
				<div class="card">
					<input type="image" src="Example-ch3/img/01.jpg" class="w-100 card-img-top" />
					<div class="card-body">
						<h5 class="card-title">风景</h5>
						<p class="card-text">affg grhhe  wghrhr  h re whrh r</p>
						<a href="#" class="btn btn-primary btn-sm">欣赏更多</a>
					</div>
				</div>
			</div>
			</div>
			<div class="row">
				<div class="col-12 col-sd-4 col-md-3">
					<div class="card">
						<div class="list-group ">
							<a href="#" class="list-group-item">aaa</a>
							<a href="#" class="list-group-item">bbb</a>
							<a href="#" class="list-group-item">ccc</a>
						</div>
					</div>
					
			</div>
			
			</div>
			
		</div>
	</body>
</html>
